Les Dropdown Settings permettent d'afficher ou de masquer les paramètres.
Ils sont personnalisables au besoin, vous en avez plusieurs exemples ci-dessous.
Si les dropdown settings sont injectés après le chargement de la page (example : dans une popin) il faut créer un événement JS et le dispatch lorsque le DOM sera injecté
document.dispatchEvent(new CustomEvent('REFRESH_CALCULATE_MEAN_LAYER'))
.js requis :
<div class="o-settings">
<button class="o-btn o-btn--light o-btn--settings is-show color"><i class="c-fonticon__icon-param"></i><span>Paramètres</span></button>
<div class="o-tooltip--settings open-below open-right o-tooltip--settings-list js-toggle-trigger" id="btntoggle">
<ul>
<li><a class="u-text js-popin"><span>Configuration graphique</span></a></li>
<li><a class="u-text js-popin"><span>Nappe phréatique</span></a></li>
<li><a class="u-text js-popin"><span>Paramètres avancés</span></a></li>
</ul>
</div>
</div>
<div class="o-settings">
<button class="o-btn o-btn--light o-btn--settings is-show light"><i class="c-fonticon__icon-param"></i><span>Paramètres</span></button>
<div class="o-tooltip--settings open-below open-right o-tooltip--settings-list js-toggle-trigger" id="btntoggle">
<ul>
<li><a class="u-text js-popin"><span>Format PDF</span></a></li>
<li><a class="u-text js-popin"><span>Format JPG</span></a></li>
</ul>
</div>
</div>
<div class="o-settings">
<button class="o-btn o-btn--light o-btn--settings is-show light"><i class="c-fonticon__icon-param"></i><span>Paramètres</span></button>
<div class="o-tooltip--settings o-tooltip--settings--small open-below open-left o-tooltip--settings-list js-toggle-trigger" id="btntoggle">
<ul>
<li><a class="u-text"><span>Format PDF</span></a></li>
<li><a class="u-text"><span>Format JPG</span></a></li>
</ul>
</div>
</div>